<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script src="./ajax.js"></script>
    <script>
        /* 
            把ajax 四步 封装成一个函数--把变化的当做参数传入函数

            1-请求方式 字符串
            2-请求地址 字符串
            3-设置请求头  key-value {content-type:'a;;'}
            4-请求体-字符串 搜索字符串key=value&key=value--json字符串{key：value} --formData 对象--
                {a；1}
            
            5-请求成功以后要执行的代码 不一样 --函数的参数可以是一段代码 --参数是一个函数
        */

        ajax({
            // 请求地址
            url: 'http://localhost:3000/todos',
            params: { pagesize: 1, pagenum: 1 },//搜索参数 pagesize=11&pagenum=11
            // 请求方式
            method: 'get',
            // 请求头--
            headers: {
                'content-type': 'application/json',
                // 'content-type': 'application/x-www-form-urlencoded',
                'aa': '1'
            },
            // 请求体
            data: {
                title: 'zhangsan',
                completed: 1
            },
            // 请求成功要执行函数（一段代码） （回调函数--事件）
            success: function (res) {
                console.log(res, 'succss ajax 函数外部');
            },
            // 请求失败 要执行的函数 （回调函数--事件）
            error: function () { }
        })
    </script>

</body>

</html>